<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <title>爱阅读</title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <script src="business/js/jquery.js"></script>
    <meta name="format-detection" content="telephone=no, address=no">
    <meta name="apple-mobile-web-app-capable" content="yes" /> <!-- apple devices fullscreen -->
    <meta name="apple-touch-fullscreen" content="yes"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
    <!--     <meta name="keywords" content="微直达" />
        <meta name="description" content="微直达: 直达天下，瞬息联通。" /> -->

    <!-- Bootstrap -->
    <link href="business/resource/css/common.css" rel="stylesheet">
    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js does not work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <script src="business/resource/js/jquery-1.11.1.min.js"></script>
    <script src="app/js/common/vue.min.js"></script>
    <script src="app/js/common/hprose.js"></script>
    <link rel="stylesheet" href="business/style/common.css">
    <script src="//res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
    <script src="app/js/common.js"></script>
    <style>
        /*    body{font-size:0.68267rem;}*/
        .header h1{font-size:0.68267rem!important; }
        .LoveRead{ padding:48px 16px 0; }
        .LoveRead a{ text-decoration:none; font-size: 0.68267rem;}
        .LoveRead .LoveRead_time{ width:100%; overflow:hidden; margin:16px 0; text-align:center; }
        .LoveRead .LoveRead_time div{ padding:4px 8px; font-size:0.54613rem; background-color:#CECECE; color:#FFF; margin:auto; display:inline-block; border-radius:3px; }
        .LoveRead dl{ background-color:#FFF; border-radius:4px; box-shadow:0px 0px 2px #999; }
        .LoveRead dt{ padding:8px; overflow:hidden; height:158px; }
        .LoveRead dt .img{width:100%; height:158px; position:relative; overflow:hidden;border-style:none;border-width:0; }
        .LoveRead dt .img div{ background:url(business/style/black_1px.png); position:absolute; left:0; bottom:0; width:100%; }
        .LoveRead dt .img div h1{ margin:8px; color:#FFF; font-weight:normal; font-size:0.750937rem; text-align:left; }
        .LoveRead dd{ border-top:1px solid #eee; overflow:hidden; padding:8px 8px 8px; }
        .LoveRead dd table{ border:none; width:100%; }
        .LoveRead dd td{ border:none; color:#333; }
        .LoveRead dd td a {color:#333; }
        .LoveRead dd .LRtxt{ font-size:0.68267rem; line-height:180%; vertical-align:middle; }
        .LoveRead dd .img{ width:40px; height:40px; overflow:hidden; float:right; margin-left:8px; border-style:none;border-width:0;}
        .bottom{height:64px;width:100%;text-align:center;overflow:hidden;line-height:32px;font-size:0.68267rem; }
        .bottom_word{width:100%;height:64px;line-height:64px;color:#666;font-size:0.68267rem;text-align:center;}
        .pageend,.pageloading{display: none;}
    </style>
</head>
<body>

<div class="header" style="z-index:9999;"><div class="header_logo"><img src="<?=G_SITE_CDN?>/business/style/logo_small.png" /><h1>爱阅读</h1></div></div><!--改-->
<div class="LoveRead" id="list">
    <template v-for="m in messages">
        <div class="LoveRead_time"><div v-text="common.getDate(m.createTime)"></div></div>
        <dl>
            <a v-bind:href="m.detailUrl">
                <dt>
                <div class="img" style="no-repeat center;background-size:cover; "><img v-bind:src="m.picUrl"><div>
                <h1 v-text="m.title"></h1></div></div>
                </dt>
            </a>
        </dl>
    </template>

</div>
<div class="bottom  pageloading"><div class="bottom_word" >正在加载...</div></div>
<div class="bottom  pageend"><div class="bottom_wordd" >加载完毕</div></div>

<?php require 'app/templates/common/foot.html'; ?>
<?php require 'app/templates/common/download.html'; ?>
</body>
</html>